$_img_path:$img_path+'p2/';
.p2 {
  $origin_width: 640px;
  $origin_height: 1010px;
  background: url($_img_path + 'bg2.jpg') no-repeat;
  background-size: cover;
  @at-root {
    .position_p2_helper {
      position: relative;
      height: 100%;
      $rank_atime:1s;
      $country_atime:1s;
      $text_atime:.5s;
      @at-root {
        .reveal_p2_text{
          text-align: center;
          position: relative;
          top: 8%;
          color: #c6c6c6;
          font-family: SimSun;
          opacity: .9;
          font-size:14px;
        }
        .rank_p2_img {
          $origin_width: 484px;
          $origin_height: 358px;
          background: url($_img_path + 'rank.png') no-repeat;
          background-size: $origin_width/2;
          width: $origin_width/2;
          height: $origin_height/2;
          margin: 0 auto;
          position: relative;
          top: 10%;
          @include vp(transform,scaleY(.1));
          opacity:0;
          @at-root  .p2.showing #{&} {
            @include vp(transition, all $rank_atime $slide_atime ease-in-out);
            @include vp(transform,scaleY(1));
            opacity:1
          }
        }

        .country_p2_img {
          $origin_width: 640px;
          $origin_width: 408px;
          width: 100%;
          margin: 0 auto;
          position: absolute;
          top:50%;
          @include vp(transform-origin,center top);
          @include vp(transform,scaleY(.1));
          opacity:0;
          @at-root  .p2.showing #{&} {
            @include vp(transition, all $country_atime $rank_atime+$slide_atime ease-in-out);
            @include vp(transform,scaleY(1));
            opacity:1
          }
        }

        .text_p2_img {
          $origin_width: 540px;
          $origin_height: 91px;
          background: url($_img_path + 'text.png') no-repeat;
          background-size: $origin_width/2;
          width: $origin_width/2;
          height: $origin_height/2;
          position: absolute;
         margin:0 auto;
          bottom:70px;
          left:50%;
          @include vp(transform,translateX(-50%));
          opacity:0;
          @at-root  .p2.showing #{&} {
            @include vp(transition, all $text_atime $rank_atime+$country_atime+$slide_atime ease-in-out);
            opacity:1;
          }
        }
      }
    }
  }
}